<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>视频</title>
	<meta name="viewport" content="width=640,user-scalable=no">
	<link rel="stylesheet" type="text/css" href="../css/h5.css">
</head>
<body class="m-body">
	<div class="touch-wrapper">
		<div class="touch-header">
			<a href="/" class="logo"><img src="../images/icon/logo.png" alt="">宠物吧</a>
			<div class="log-btn">
				<a>城市</a>
				<a href="../login/index.html">登录</a>
			</div>
		</div>
		<div class="touch-contenter">
            <div class="touch-leisure">
                <div class="touch-user-nav">
                    <ul class="clearfix">
                        <li class="active"><a href="javascript:;">医疗</a></li>
                        <li><a href="javascript:;">领养</a></li>
                        <li><a href="javascript:;">配对</a></li>
                        <li><a href="javascript:;">买卖</a></li>
                        <li><a href="javascript:;">个人中心</a></li>
                    </ul>
                    <span class="select-btn"></span>
                </div>
                <div class="touch-user-filter touch-leisure-filter">
                    <ul>
                        <li class="active"><a href="./video-index.html">视频</a></li>
                        <li><a href="./story-index.html">故事</a></li>
                        <li><a href="./picture-index.html">图片</a></li>
                    </ul>
                </div>
                <div class="touch-video-list">
                    <div class="touch-display">
                        <h3>热门视频</h3>
                        <div class="touch-display-inner">
                            <ul class="clearfix">
                                <li>
                                    <a href="./video-detail.html">
                                        <div>
                                            <img src="../images/m-pic1.png" alt="">
                                            <i></i>
                                        </div>
                                        <p>一二三四五六七</p>
                                        <span>3366</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="./video-detail.html">
                                        <div>
                                            <img src="../images/m-pic1.png" alt="">
                                            <i></i>
                                        </div>
                                        <p>一二三四五六七</p>
                                        <span>3366</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="./video-detail.html">
                                        <div>
                                            <img src="../images/m-pic1.png" alt="">
                                            <i></i>
                                        </div>
                                        <p>一二三四五六七</p>
                                        <span>3366</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="./video-detail.html">
                                        <div>
                                            <img src="../images/m-pic1.png" alt="">
                                            <i></i>
                                        </div>
                                        <p>一二三四五六七</p>
                                        <span>3366</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="./video-detail.html">
                                        <div>
                                            <img src="../images/m-pic1.png" alt="">
                                            <i></i>
                                        </div>
                                        <p>一二三四五六七</p>
                                        <span>3366</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="./video-detail.html">
                                        <div>
                                            <img src="../images/m-pic1.png" alt="">
                                            <i></i>
                                        </div>
                                        <p>一二三四五六七</p>
                                        <span class="active">3366</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="load-more">
                        <span>加载更多</span>
                    </div>
                </div>
                <div class="touch-video-list">
                    <div class="touch-display">
                        <h3>最新上传</h3>
                        <div class="touch-display-inner">
                            <ul class="clearfix">
                                <li>
                                    <a href="./video-detail.html">
                                        <div>
                                            <img src="../images/m-pic1.png" alt="">
                                            <i></i>
                                        </div>
                                        <p>一二三四五六七</p>
                                        <span>3366</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="./video-detail.html">
                                        <div>
                                            <img src="../images/m-pic1.png" alt="">
                                            <i></i>
                                        </div>
                                        <p>一二三四五六七</p>
                                        <span>3366</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="./video-detail.html">
                                        <div>
                                            <img src="../images/m-pic1.png" alt="">
                                            <i></i>
                                        </div>
                                        <p>一二三四五六七</p>
                                        <span>3366</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="./video-detail.html">
                                        <div>
                                            <img src="../images/m-pic1.png" alt="">
                                            <i></i>
                                        </div>
                                        <p>一二三四五六七</p>
                                        <span>3366</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="./video-detail.html">
                                        <div>
                                            <img src="../images/m-pic1.png" alt="">
                                            <i></i>
                                        </div>
                                        <p>一二三四五六七</p>
                                        <span>3366</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="./video-detail.html">
                                        <div>
                                            <img src="../images/m-pic1.png" alt="">
                                            <i></i>
                                        </div>
                                        <p>一二三四五六七</p>
                                        <span class="active">3366</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="load-more">
                        <span>加载更多</span>
                    </div>
                </div>
            </div>
            <div class="touch-photo">
                <div>
                    <img src="../images/icon/select-icon.png" alt="">
                    <span>拍照</span>
                </div>
            </div>
		</div>
	</div>
</body>
</html>
